.el-tabs {
  &.el-tabs--card {
    & > .el-tabs__header {
      padding: var(--theme-padding-base) var(--theme-padding-large) 0;
      background-color: #fff;
      margin: 0;
      border-bottom: 1px solid var(--theme-border-color-primary);
      & .el-tabs__item{
          padding:0 var(--theme-padding-middle);
          background: var(--color-white);
          color:var(--theme-font-color-primary);
          border-bottom: 1px solid var(--theme-border-color-primary);
          border-width: 0 0 1px 0!important;
        &.is-active{
           border: 1px solid var(--theme-border-color-primary);
           border-bottom-color: #fff;
           background: var(--color-white);
         &:before {
            position: absolute;
            top: 3px;
            left: 0;
            right: 0;
            bottom: -1px;
            content: '';
            display: block;
            border-right: 1px solid var(--theme-border-color-primary);
            border-left: 1px solid var(--theme-border-color-primary);
          }
          &:after{
            position: absolute;
            top:0;
            left:0;
            content:'';
            display: block;
            width:100%;
            border-top: 3px solid var(--color-primary);
            border-radius: var(--tab-radius-base) var(--tab-radius-base) 0 0;
          }
        }
      }
    }
    & > .el-tabs__content {
      padding: var(--tab-padding-middle);
      background: var(--color-white);
      .template-left-tree {
        margin-top: 0!important;
      }
    }
  }
}
